Ext.onReady(function() {
	new Ext.Viewport({
	    layout: 'border',
	    items: [{
	        region: 'north',
	        title:'title logn',
	        height:50
	    }, {
	        region: 'west',
	       // collapsible: true,
	        title: 'Navigation',
	        border: true,
	        width: 200
	    }, {
	        region: 'south',
	        title: 'link Panel',
	        height: 20,
	        minHeight: 10
	    }, {
	        region: 'east',
	        title: 'Grid Panel',
	       // collapsible: true,
	       // split: true,
	        width: 200
	       // xtype: 'grid',
	      
	    }, {
	        region: 'center',
	    	title:'tabpanel',
	        xtype: 'tabpanel', // TabPanel itself has no title
	        items:[{
	        	title:'new',
	        	html:'this is new'
	        }]
	    }]
	});
});